<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/index.css">

</head>

<body>
   <div class='page1'>
   	<img src="images/p1-Loading.jpg"/>
   	   <span>LOADING...</span>
   	   <h2></h2>
   </div>
   <script type="text/javascript">
   	      var h2=document.querySelector('.page1 h2')
// 	      console.log(h2)

          	var i=50;
          	var timerid=setInterval(function(){
          		i++;
          		h2.innerHTML=i+'%';
          		if(i==100){
          			clearInterval(timerid)
//        			location.href='page2.html'
          		}
          	},80)
          
          
   </script>

</body>
</html>